<!-- head -->
{include file='public/head' /}
<!-- head -->
<script src="__STATIC__/treeTable/jquery.treeTable.js" type="text/javascript"></script>
<script>
    $(function () {
        var option = {
            theme: 'vsStyle',
            expandLevel: 2,
            beforeExpand: function ($treeTable, id) {
                //判断id是否已经有了孩子节点，如果有了就不再加载，这样就可以起到缓存的作用
                if ($('.' + id, $treeTable).length) {
                    return;
                }
                //这里的html可以是ajax请求
                $treeTable.addChilds(html);
            },
            onSelect: function ($treeTable, id) {
                window.console && console.log('onSelect:' + id);
            }

        };
        $('#treeTable1').treeTable(option);
    });
</script>
<!-- left -->
{include file='public/left' /}
<!-- left -->

<div class="content-wrapper">
    <section class="content-header">
        <h1>
            项目分类
            <small>全部分类</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 项目管理</a></li>
            <li class="active">项目分类</li>
        </ol>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">共<?php echo count($itemclass)?>大分类</h3>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                        </div>
                    </div>
                    {volist name='itemclass' id='admin'}
                    <div class="col-md-12">
                        <div class="box box-success box-solid"><!--collapsed-box-->
                            <div class="box-header with-border">
                                <h3 class="box-title">{$admin.name}</h3>
                                <div class="box-tools pull-right">
                                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                                    </button>
                                </div>
                                <!-- /.box-tools -->
                            </div>
                            {volist name='admin.second' id='second'}
                            <div class="box-body">
                                {$second.name}
                            </div>
                            {/volist}
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                    {/volist}
                    <div class="box-footer clearfix" style="text-align: center">
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- foot -->
{include file='public/foot' /}
<!-- foot -->